
window.onload = function (){
    a();
}
//刷新页面
$('#refresh').click(function (){
    location.reload();
});

//柱状图，折线图，饼状图渲染
// 获取box元素
var box = document.getElementsByClassName("box")[0];
// 获取btnShowBar元素
var btnShowBar = document.getElementsByClassName("btnShowBar")[0];

// var btnShowPie = document.getElementsByClassName("btnShowPie")[0];
// 定义按钮单击事件

shiping_type = [];
tupian_list = [];


$.get('/carousel/searchImgTypePhone', function (data) {
    shiping_type.push(data.length);
})

$.get('/carousel/searchImgTypeVeido', function (data) {
    tupian_list.push(data.length);
})

function a(){
    $.get('/carousel/searchAll', function (data) {
        guanggao_list = [];

        guanggao_list.push(data.length);

        // 1. 初始化ECharts
        var my_box = echarts.init(box);

        // 2. 进行参数配置
        var option = {
            legend: {},
            tooltip: {},
            dataset: {
                // 提供一份数据。
                source: [

                    ['总量', guanggao_list],
                    ['图片总量', shiping_type],
                    ['视频总量', tupian_list],
                ]
            },
            // 声明一个 X 轴，类目轴（category）。默认情况下，类目轴对应到 dataset 第一列。
            xAxis: {type: 'category'},
            // 声明一个 Y 轴，数值轴。
            yAxis: {},
            // 声明多个 bar 系列，默认情况下，每个系列会自动对应到 dataset 的每一列。
            series: [
                {type: 'bar'}
            ]
        };


        // 3. 可视化呈现
        my_box.setOption(option);
    });
}
//单击柱状图渲染
btnShowBar.onclick = function () {
    // 获取后台返回的JSON数据
    a();
}
